import Vue from 'vue'
import VueRouter from 'vue-router'
/*路由的懒加载*/
const Task=()=>import("../components/task")
const Stack=()=>import("../components/stack")
const Device=()=>import("../components/device")
const User=()=>import("../components/user")
const Login=()=>import("../components/login")
const Tabbar=()=>import("../components/tabbar")
/*1.安装vue-router插件，只要是一个插件，必须使用Vue.use(插件)*/
Vue.use(VueRouter)

const routes = [
    /*动态路由*/
    /*路由的嵌套*/
    /*路由的重定向*/
    /*路由参数的传值*/
  {
    path: "/",
    redirect:"/login"/*路由的重定向*/
  },
  {
    path: "/login",
    component:Login
  },
  {
    path: "/tabbar",
    component: Tabbar,
    children:[
      {/*以 / 开头的嵌套路径会被当做根路径， 这可以让你充分的使用嵌套组件而无需设置嵌套的路径*/
        path:"/task",/*注意：嵌套路由中的path前最好不要加/*/
        component:Task
      },
      {
        path: "/stack",
        component:Stack
      },
      {
        path: "/device",
        component:Device
      },
      {
        path: "/user",
        component:User
      }
    ]
  }


]
/*2.创建路由实例*/
const router = new VueRouter({
  routes,/*路由映射配置*/
  /*路由的模式*/
  mode: 'hash',
  /*比如这时地址是 https://e.mytest.cn/example，你的路由是在 example 之后拼接的*/
  /*base: '/tabbar/',*/
  /*base: process.env.NODE_ENV === "production" ? "/shop" : "/",*/

})
/*3.挂载router对象*/
export default router
